<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
</head>
<body>
<form action="doRegister.php" method="post">
  <div id="总框" style="background: linear-gradient(rgba(31,37,109,0.87),#666 );height: 1200px">
      <div i id="导航栏" style="background-color: #1B2838;height: 105px">
          <div id="内容" style="height: 105px; width: 1000px;margin-left: 150px">
               <div id="文字" style="color: ghostwhite;font-size: 150%;margin-left: 500px;font-family: 华文行楷;padding-top: 40px"><a id="top">用户注册中心</a></div>
          </div>
      </div>
      <div id="创建账户" style="background: rgba(0,0,0,0.3);width: 700px;height: 1000px;margin-top: 20px;margin-left: 400px">
          <div id="创建用户名" style="width: 660px;height: 50px;margin-left: 20px;margin-top: 10px;margin-right: 20px">
              <form id="用户名" style="padding-top: 10px;color: rgba(239,239,239,0.87)">
                  创建您的用户名：<br>
                  <input type="text" name="name" style="border-radius: 5px;border: 1px solid #000;outline: none">
              </form>
          </div>
          <hr style="margin-left: 10px;margin-right: 10px;margin-top: 20px">
          <div id="创建密码" style="width: 660px;height: 100px;margin-left: 20px;margin-top: 10px">
              <form id="密码" style="padding-top: 10px;color: rgba(236,236,236,0.87)">
                  请输入密码：<br>
                  <input type="password" name="password" id="password" style="border-radius: 5px;border: 1px solid #000;background-color: rgba(0,0,0,0.4);outline: none;color: #ececec">
              </form>
              <form id="二次密码" style="padding-top: 10px;color: rgba(236,236,236,0.87)">
                  请重新输入密码：<br>
                  <input type="password" name="password" id="password2" style="border-radius: 5px;border: 1px solid #000;background-color: rgba(0,0,0,0.4);outline: none;color: #ececec">
              </form>
          </div>
          <hr style="margin-left: 10px;margin-right: 10px;margin-top: 20px">
          <div id="使用邮箱" style="width: 660px;height: 120px;margin-left: 20px;margin-top: 10px">
              <div id="邮箱" style="width: 200px;height: 160px;margin-top: 10px">
                  <form id="邮箱1" style="padding-top: 10px;color: rgba(236,236,236,0.87)">
                      请输入邮箱：<br>
                      <input type="text" name="email" style="border-radius: 5px;border: 1px solid #000;outline: none">
                  </form>
                  <form id="邮箱2" style="padding-top: 10px;color: rgba(236,236,236,0.87)">
                      请重新输入邮箱：<br>
                      <input type="text" style="border-radius: 5px;border: 1px solid #000;outline: none">
                  </form>
              </div>
              <div id="说明" style="width: 450px;height: 160px;margin-left: 180px;margin-top: -130px">
                  <div id="说明1" style="width: 450px;height: 50px;color: rgba(236,236,236,0.87)">
                      您的电子邮箱可以帮助您购买并管理您的账户资料。
                  </div>
                  <div id="说明2" style="width: 450px;height: 50px;color: rgba(236,236,236,0.87)">
                      我们将发送一封激活邮件到您的邮箱账户以便您验证。
                  </div>
              </div>
          </div>
          <hr style="margin-left: 10px;margin-right: 10px;margin-top: 20px">
          <div id="手机号性别" style="width: 660px;height: 100px;margin-left: 20px;margin-top: 10px">
              <div id="手机号" style="width: 660px;height: 50px;margin-top: 10px">
                  <form id="手机" style="padding-top: 10px;color: rgba(236,236,236,0.87)">
                      请输入您的手机号码：<br>
                      <input type="text" style="border-radius: 5px;border: 1px solid #000;outline: none">
                  </form>
              </div>
              <div id="性别" style="width: 660px;height: 50px;margin-top: 20px;">
                  <form style="color: rgba(236,236,236,0.87)">
                      选择您的性别：
                      先生<input type="radio" name="Sex" value="male" >
                      女士<input type="radio" name="Sex" value="female">
                  </form>
              </div>
          </div>
          <hr style="margin-left: 10px;margin-right: 10px;margin-top: 20px">
          <div id="条款" style="width: 660px;height: 40px;margin-top: 20px;margin-left: 20px">
             <p style="color: rgba(236,236,236,0.87);font-size: small">请仔细检查以上个人信息并阅读以下协议：</p>
              <div id="条款文本" style=" width: 660px;height: 200px; overflow:scroll;color: rgba(236,236,236,0.87)">
                  <p>Table of contents:</p><br>
                  <ol>
                      <li>Registration as a subscriber; application of terms to you; your account</li>
                      <li>Licences</li>
                      <li>Billing, payment and other subscriptions</li>
                      <li>Online conduct, cheating and illegal behavior</li>
                      <li>Third party content</li>
                      <li>User generated content</li>
                      <li>Disclaimers; limitation of liability; no guarantees; limited warranty</li>
                      <li>Amendments to this agreement</li>
                      <li>Term and termination</li>
                      <li>Applicable law/jurisdiction</li>
                      <li>Dispute resolution/binding arbitration/class action waiver</li>
                      <li>Miscellaneous</li>
                  </ol>
                  <p>This Steam Subscriber Agreement ("Agreement") is a legal document that explains your rights and obligations as a subscriber of Steam from Valve Corporation (“Valve”). Please read it carefully.

                      SECTION 11 CONTAINS A BINDING ARBITRATION AGREEMENT AND CLASS ACTION WAIVER. IT MAY AFFECT YOUR LEGAL RIGHTS. PLEASE READ IT. IF YOU ARE A CUSTOMER WITH RESIDENCE IN THE EUROPEAN UNION, SECTION 11 DOES NOT APPLY TO YOU.</p>
              </div>
          </div>
          <div id="选择" style="width: 660px;height: 40px;margin-top: 220px;margin-left: 20px">
              <form style="color: rgba(236,236,236,0.87)">
                  <input type="checkbox" id="年龄" value="sex">我同意并且已年满13周岁 <br>
              </form>
          </div>
          <input type="submit" value="创建我的账户" style="width: 120px;height: 30px;background-color: #4c8cb1;border: 1px;color:#ececec;margin-left: 520px">
      </div>
      <a href="#top"><img src="top.png" style="margin-left: 1400px;margin-top: -150px"></a>
  </div>
</form>
</body>
</html>